html,body{height:100%;}

.calendar {
	background: #fff;
	border: 1px solid #a4bed4;
	padding: 1px;
	overflow: hidden
}
.layout-panel {
	position: absolute;
	overflow: hidden
}
.panel-east,.panel-west {
	z-index: 2;
	background1: #fff
}
.split-east {
	border-left: 5px solid #d2e0f2
}
.split-west {
	border-right: 5px solid #d2e0f2
}
.panel {
	overflow: hidden;
	font-size: 12px
}
.panel-header {
	padding: 5px;
	line-height: 15px;
	height: 15px;
	color: #15428b;
	font-weight: 700;
	font-size: 12px;
	background: url(images/panel_title.png) repeat-x;
	position: relative;
	border: 1px solid #99bbe8;
	background: #e0ecff;
	border-top-width: 0;
	cursor: pointer
}
.panel-body {
	background: #fff;
	overflow: hidden;
	overflow: auto;
	border: 1px solid #99bbe8;
	border-top-width: 0;
	padding: 0px;
	min-height:820px
}
.process-step{position: absolute; cursor: move; min-width: 100px; line-height: 28px}
.process-step span{cursor: pointer;}

/*颜色*/
.colors {
  clear: both;
  padding: 0px; 
  display: inline-block;
  vertical-align: bottom;
}

.colors ul{list-style: none; display:inline-block;margin:0px;padding:0px;}
.colors li {
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  margin: 2px 1px 0 0;
  padding:2px 2px 2px 4px;
  background: #000;
  color:#ffffff;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.colors li:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.colors li.active {
  height: 20px;
  margin-top: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.colors li.red {
  background: #d54e21;
}
.colors li.green {
  background: #78a300;
}
.colors li.blue {
  background: #0e76a8;
}
.colors li.aero {
  background: #9cc2cb;
}
.colors li.grey {
  background: #73716e;
}
.colors li.orange {
  background: #f70;
}
.colors li.yellow {
  background: #fc0;
}
.colors li.pink {
  background: #ff66b5;
}
.colors li.purple {
  background: #6a5a8c;
}
/*连接线提示*/
.component {
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 20;
}
.wf_btn {
	padding: 4px 8px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    -moz-padding-start: npx;
    -moz-padding-end: npx;
    border: solid 1px #ddd;
    background-color: #fff;
    width: auto;
}
.smalls{
    width: 90px;
	padding: 4px 6px;
	display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
.tables th, .tables td {
    padding: 6px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}